<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/Universal.css">
    <link rel="stylesheet" href="../css/bishouxi.css">
    <link rel="stylesheet" href="../css/register.css">
    <script src="../js/comment.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.css" rel="stylesheet">
</head>
<body>
    <iframe src="../html/head.html" height="70px"  width="100%" frameborder="0"></iframe>
   <div class="market-list">
    <div class="l-market">
        <div class="detail-header">
            <div class="detail-pic">
                <div class="f-center" style="width:269px">
                    <img src="https://g.fp.ps.netease.com/market/file/5aa02a7a69b21a88c3aef9a70eyFYOfc" alt="">
                </div>
                <div class="detail-cover"></div>
            </div>
            <div class="detail-count">
                <div>
                    <div class="detail-faw">
                        <h1>刺刀（★） | 大马士革钢 (久经沙场)</h1>
                    </div>
                    <p>
                        <span><label for="">品质 |</label>隐秘</span>
                        <span><label for="">类别 |</label>★</span>
                        <span><label for="">类型 |</label>匕首</span>
                    </p>
                    <div class="blank1"></div>
                    <div class="line"></div>
                    <div class="blank1"></div>
                    <div class="detail-sumn">
                        <div class="l-right">
                            <a href="" class="i-btn">我要出售</a>
                            <a href="" class="i-btn2">我要求购</a>
                        </div>
                        <span>
                            <label for="">参考价格</label>
                            <strong class="o-strong">￥1916.73
                                <small class="hide-usd">($279.86)</small>
                            </strong>
                        </span>
                        <a href="">查看steam市场</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="rela-goods">
            <a href="" class="i-goods">崭新出厂 ￥1680</a>
            <a href="" class="i-goods">略有磨损 ￥1510</a>
            <a href="" class="i-goods active">久经沙场 ￥1333</a>
            <a href="" class="i-goods">破损不堪 ￥1298</a>
            <a href="" class="i-goods">战痕累累 ￥1229</a>
        </div>
        <div class="blank1"></div>
        <div class="market-header">
            <div class="cont-tab">
                <div class="l-right" style="display: block;">
                    <a href="" class="i-btn">批量购买</a>
                </div>
                <div class="blank6"></div>
                <ul class="new-tab">
                    <li class="selling">
                        <a href="../html/bishouxi.html">当前在售(51)</a>
                    </li>
                    <li class="buying">
                        <a href="">当前求购(<span id="buy-num">16</span>)</a>
                    </li>
                    <li class="user-preview on">
                        <a href="">买家秀(<span id="show-num">1000+</span>)</a>
                    </li>
                    <li class="history">
                        <a href="">成交记录</a>
                    </li>
                    <li class="price-chart">
                        <a href="">价格趋势</a>
                    </li>
                    <li class="paintwear-rank">
                        <a href="">磨损排行</a>
                    </li>
                    <li class="related">
                        <a href="">相关推荐</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="detail-tab">
            <button onclick="com()" value="评论"></button>
            <div class="pinterest-list" id="waterfull" style="height: 2400px;">
                <div class="pinterest-item" id='userComment' style="top:0px; left:0px;">
                <div class="pinterest-img"></div>
                <div class="pinterest-action" id="userThumbs"></div>
                </div>
                <div class="pinterest-intr"></div>
                <div class="pinterest-user" id="userNickname"></div>
            </div>
        </div>
       
   <button style="position:absolute;left:-1000px;bottom:0" id="btnModal" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
    隐藏的按钮
  </button>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">登录/注册</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
        <div class="inputdiv1">
            <div class="inputem">
                <em>+86</em>
            </div>
            <input type="text" name="" id="" placeholder="请输入网易手机账号" class="input1">
        </div>
        <div class="inputdiv1">
            <div class="inputem2">
                <em>→</em>
            </div>
            <input type="text" name="" id="" placeholder="向右拖动滑块填充拼图" class="input1">
        </div>
        <div class="inputdiv1">
            <input type="text" name="" id="" placeholder="请输入短信验证码" class="input2">
            <div class="inputem3">
                <a href="">获取验证码</a>
            </div>
        </div>
        <input type="checkbox" name="">十天内免登录<br>
        <input type="checkbox" name="">我同意《用户需要》、《隐私政策》、《第三方服务共享清单》</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary">确认</button>
        </div>
      </div>
    </div>
  </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.js"></script>
</body>
</html>